<template>
  <div id="scroll-board-body">
    <scroll-board :config="config" :style="{width, height}" :hover-pause="true" />
  </div>
</template>

<script>
import scrollBoard from '@/components/ScrollBoard/scrollBoard'
export default {
  components: { scrollBoard },
  props: {
    id: {
      type: String,
      default: 'chart'
    },
    width: {
      type: String,
      default: '99%'
    },
    height: {
      type: String,
      default: '370px'
    }
  },
  data() {
    return {
      config: {
        hoverPause: false,
        waitTime: 2000,
        oddRowBGC: '#003b51',
        evenRowBGC: '#0a2732',
        header: ['报警时间', '报警设备', '故障类型', '所属站点', '管理单位', '处理状态'],
        columnWidth: [200],
        align: ['center', 'center', 'center', 'center', 'center', 'center'],
        data: [
          ['2019年8月14日 16:00:00', '天骄园-测试桩', '故障类型1', '天津站点', '管理单位1', '已处理'],
          ['2019年8月15日 17:00:00', '市纪委-测试桩', '故障类型2', '天津站点', '管理单位1', '已处理'],
          ['2019年8月16日 13:30:00', '王庆坨养牛场-测试桩', '故障类型3', '天津站点', '管理单位1', '已处理'],
          ['2019年8月17日 16:20:00', '天籁湾-测试桩', '故障类型4', '天津站点', '管理单位1', '已处理'],
          ['2019年8月18日 13:00:00', '党校-测试桩', '故障类型5', '天津站点', '管理单位1', '已处理'],
          ['2019年8月19日 11:30:00', '京九铁路-测试桩', '故障类型6', '天津站点', '管理单位1', '已处理'],
          ['2019年8月20日 9:05:00', '渔坝口村-测试桩', '故障类型7', '天津站点', '管理单位1', '已处理'],
          ['2019年8月21日 6:08:00', '清泰庄园-测试桩', '故障类型8', '天津站点', '管理单位1', '已处理'],
          ['2019年8月22日 1:00:00', '泉水道-测试桩', '故障类型9', '天津站点', '管理单位1', '已处理']
        ]
      }
    }
  }
}
</script>

<style scoped>
#scroll-board-body {
  /*padding: 30px;*/
  padding-left: 15px;
  padding-right: 10px;
}
</style>
